<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>LMS</title>
    <link rel="icon" href="#(ctx)/static/img/icon.png" type="image/x-icon">
</head>
<script type="text/javascript">
    var basePath = "#(ctx)";
</script>
<body onkeydown="enterlogin();">
<div class="login-content">
    <div class="lc-block toggled" id="l-login">
        <div class="lcb-form">
            <form id="loginForm" onsubmit="return false;">
                <div class="input-group m-b-20">
                    <span class="input-group-addon"><i class="zmdi zmdi-account"></i></span>
                    <div class="fg-line">
                        <input id="username" type="text" class="form-control" name="username" placeholder="Username"
                               required>
                    </div>
                </div>

                <div class="input-group m-b-20">
                    <span class="input-group-addon"><i class="zmdi zmdi-male"></i></span>
                    <div class="fg-line">
                        <input id="password" type="password" class="form-control" name="password" placeholder="Password"
                               required>
                    </div>
                </div>
                <span style="color: red" id="errorMsg">
                </span>

                <a href="javascript:;" class="btn btn-login btn-success btn-float" id="custom-btn" onclick="login()"><i
                        class="zmdi zmdi-arrow-forward">
                </i></a>
            </form>
        </div>
    </div>
</div>

<link href="#(ctx)/static/css/material-design-iconic-font.min.css" rel="stylesheet">
<link href="#(ctx)/static/css/app_1.min.css" rel="stylesheet">
<script src="#(ctx)/static/easyui/jquery.min.js"></script>
<script src="#(ctx)/static/js/jquery.validate.min.js"></script>
<script src="#(ctx)/static/js/login.js"></script>
</body>
</html>
